<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@   taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html >
<html>
<head>
<base href="<%=basePath%>">
<meta charset="utf-8">

<title>Lexy - 发表文章</title>

<meta name="keywords" content="lexy,Lexyui,lexyui,lexy博客">
<meta name="description" content="lexy 博客站">
<meta name="author" content="lexy">
<meta name="robots" content="noindex, nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- Icons -->
<!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
<link rel="shortcut icon" href="plugins/v2/img/favicons/favicon.png">

<link rel="icon" type="image/png" href="plugins/v2/img/favicons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="plugins/v2/img/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="plugins/v2/img/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="plugins/v2/img/favicons/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="plugins/v2/img/favicons/favicon-192x192.png" sizes="192x192">

<link rel="apple-touch-icon" sizes="57x57" href="plugins/v2/img/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="plugins/v2/img/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="plugins/v2/img/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="plugins/v2/img/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="plugins/v2/img/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="plugins/v2/img/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="plugins/v2/img/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="plugins/v2/img/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="plugins/v2/img/favicons/apple-touch-icon-180x180.png">
<!-- END Icons -->

<!-- Stylesheets -->
<!-- Web fonts -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">

<!-- Page JS Plugins CSS -->
<link rel="stylesheet" href="plugins/v2/js/plugins/datatables/jquery.dataTables.min.css">
		
<link rel="stylesheet" href="plugins/v2/js/plugins/select2/select2.min.css">
<link rel="stylesheet" href="plugins/v2/js/plugins/select2/select2-bootstrap.min.css">

<!-- Bootstrap and OneUI CSS framework -->
<link rel="stylesheet" href="plugins/v2/css/bootstrap.min.css">
<link rel="stylesheet" id="css-main" href="plugins/v2/css/oneui.css">

<!-- You can include a specific file from css/themes/ folder to alter the default color theme of the template. eg: -->
<!-- <link rel="stylesheet" id="css-theme" href="plugins/v2/css/themes/flat.min.css"> -->
<!-- END Stylesheets -->


<style type="text/css">
.block-content.block-content-narrow {
	padding-left: 15%;
	padding-right: 15%;
}

.content {
	margin: 0 auto;
	padding: 10px 10px 1px;
	max-width: 100%;
	overflow-x: visible;
}

.modal-lg-file {
	width: 80% !important;
}

.block-content-image, .block-content-table {
	margin: 5px
}

.block-content-table {
	padding: 0px
}

.pc-file-stye-show, .mob-file-style-show {
	display: block
}

.pc-file-stye-hide, .mob-file-style-hide, .file-row-opera {
	display: none
}

.img-div {
	position: relative;
	width: 100%;
	height: 250px;
	overflow: hidden;
	display: inline-block;
}

.img {
	width: 100%;
	position: absolute;
	left: 0;
	margin-left: 0px;
	margin-top: 0px;
}

.form-material {
    position: relative;
    margin: 0px;
}
</style>



</head>
<body>
	<!-- Page Container -->

	<div id="page-container" class="sidebar-l sidebar-o side-scroll header-navbar-fixed">

		<!-- Side Overlay-->
		<jsp:include page="com/_right_sidebar.jsp"></jsp:include>
		<!-- END Side Overlay -->

		<!-- Sidebar -->
		<jsp:include page="com/_left_sidebar.jsp"></jsp:include>
		<!-- END Sidebar -->


		<!-- Header -->
		<jsp:include page="com/_top_tools.jsp"></jsp:include>
		<!-- END Header -->





		<!-- Main Container -->
		<main id="main-container"> <!-- Page Header -->
		<div class="content bg-gray-lighter">
			<div class="row items-push">
				<div class="col-sm-7">
					<h1 class="page-heading">
						多媒体 <small>
							<button id="btn-upload" class="btn btn-default " type="button">
								<i class="fa fa-upload"></i> 上传
							</button>
							<button id="btn-upload-cancel" class="btn btn-danger hidden" type="button">
								<i class="fa fa-times"></i> 取消
							</button>
						</small>
					</h1>
				</div>
			</div>
		</div>
		<!-- END Page Header -->
		<div id="block-upload" class="content  block-rounded hidden" style="margin-bottom: 0">
			<div class="block">
				<div class="block-content">
					<jsp:include page="images_upload.jsp"></jsp:include>
				</div>
			</div>
		</div>
		
		<!-- Page Content -->
					<div class="content">
						<!-- Dynamic Table Full -->
						<div class="block  block-content-table block-bordered">
							<div class="block-header ">
                                  <ul class="block-options block-options-left">
                                            <li>
                                                <button type="submit"><a href="v2/admin/toMedia"><i class="fa fa-th-list " ></i></a></button>
                                            </li><li>
                                            </li><li>
                                                <button type="reset"><a href="v2/admin/toMediaGrid"><i class="fa fa-th-large"></i> </a></button>
                                            </li>
                                            
                                            <li>
                                            	<div class="form-material form-material-primary"  style="margin-left: 10px">
		                                            <select class="js-select2 form-control" id="type" name="type" style="width: 200px;" data-placeholder="请选择主题类型...">
		                                                <option>全部文件</option>
		                                                <option value="1"> 博客</option>
		                                                <option value="2">图文</option>
		                                            </select>
		                                        </div>
                                            </li>
                                        </ul>
                            </div> 
                            
                            									<!-- 
									
									<div class="col-lg-6 animated fadeIn">
                                    <div class="img-container">
                                        <img class="img-responsive" src="assets/img/photos/photo1.jpg" alt="">
                                        <div class="img-options">
                                            <div class="img-options-content">
                                                <h3 class="font-w400 text-white push-5">Image Caption</h3>
                                                <h4 class="h6 font-w400 text-white-op push-15">Some Extra Info</h4>
                                                <a class="btn btn-sm btn-default" href="javascript:void(0)"><i class="fa fa-pencil"></i> Edit</a>
                                                <a class="btn btn-sm btn-default" href="javascript:void(0)"><i class="fa fa-times"></i> Delete</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
									
									 -->
							<div class="block-content  ">
								<div class="js-media-filter-items row">
									<c:forEach items="${fileData.list}"  var="obj">
											<div class="col-md-2 ">
					                            <!-- Photo -->
					                            <div class="block block-rounded block-bordered  img-container img-div animated fadeIn" data-category="photos">
					                               <!--  <div class="block-content block-content-full text-center   "> -->
					                                        <img class="img"  src="${obj.thumb_path }" alt="">
					                               <!--  </div> -->
					                                <div class="img-options">
			                                            <div class="img-options-content">
			                                                <h3 class="font-w400 text-white push-5">${obj.File_Show_Name }</h3>
<!-- 			                                                <h4 class="h6 font-w400 text-white-op push-15">24 mp | 6 mb</h4>
 -->			                                                <a class="btn btn-sm btn-default" href="javascript:void(0)"><i class="fa fa-pencil"></i> Edit</a>
			                                                <a class="btn btn-sm btn-default" href="javascript:void(0)"><i class="fa fa-times"></i> Delete</a>
			                                            </div>
			                                        </div>
					                            </div>
					                            <!-- END Photo -->
				                        	</div>
									</c:forEach>
								</div>
							</div>
					</div>
	</div>

	</main>
	<!-- END Main Container -->

	<!-- Footer -->
	<footer id="page-footer" class="content-mini content-mini-full font-s12 bg-gray-lighter clearfix">
		<div class="pull-right">
			Crafted with <i class="fa fa-heart text-city"></i> by <a class="font-w600" href="http://goo.gl/vNS3I" target="_blank">pixelcave</a>
		</div>
		<div class="pull-left">
			<a class="font-w600" href="http://goo.gl/6LF10W" target="_blank">LexyUI 3.1</a> &copy; <span class="js-year-copy"></span>
		</div>
	</footer>
	<!-- END Footer -->
	</div>
	<!-- END Page Container -->

	<!-- Apps Modal -->
	<!-- Opens from the button in the header -->
	<div class="modal fade" id="apps-modal" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-sm modal-dialog modal-dialog-top">
			<div class="modal-content">
				<!-- Apps Block -->
				<div class="block block-themed block-transparent">
					<div class="block-header bg-primary-dark">
						<ul class="block-options">
							<li>
								<button data-dismiss="modal" type="button">
									<i class="si si-close"></i>
								</button>
							</li>
						</ul>
						<h3 class="block-title">应用</h3>
					</div>
					<div class="block-content">
						<div class="row text-center">
							<div class="col-xs-6">
								<a class="block block-rounded" href="http://lexy.ga/v2/admin" target="view_window">
									<div class="block-content text-white bg-default">
										<i class="si si-speedometer fa-2x"></i>
										<div class="font-w600 push-15-t push-15">后台系统</div>
									</div>
								</a>
							</div>
							<div class="col-xs-6">
								<a class="block block-rounded" href="http://lexy.ga" target="view_window">
									<div class="block-content text-white bg-modern">
										<i class="si si-rocket fa-2x"></i>
										<div class="font-w600 push-15-t push-15">前台网站</div>
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
				<!-- END Apps Block -->
			</div>
		</div>
	</div>
	<!-- END Apps Modal -->




	<!-- add/edit modal -->


	<div class="modal fade" id="modal-fadein" tabindex="-1" role="dialog" aria-hidden="true" style="display: none; height: 95%">
		<div class="modal-dialog modal-lg modal-lg-file" style="wodth: 80%; height: 80%">
			<div class="modal-content">
				<div class="block block-themed block-transparent remove-margin-b">
					<div class="block-header bg-primary-dark">
						<ul class="block-options">
							<li>
								<button data-dismiss="modal" type="button">
									<i class="si si-close"></i>
								</button>
							</li>
						</ul>
						<h3 class="block-title">
							<font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><span id="modal-title">附件详情</span></font></font>
						</h3>
					</div>
					<div class="block-content" style="background-color: #f5f5f5">
						<div class="row">
							<div class="col-sm-8">
								<div class="block block-rounded" style="padding: 0px">
									<div class="block-content  block-content-image" style="width: 100%; height: 100%; text-align: center; padding: 0px">
										<div id="image-file">

											<!-- <img alt="" src="http://127.0.0.1:8080/Manager/admin/"> -->
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-4">
								<div class="block block-rounded block-bordered">
									<div class="block-header">
										<h3 class="block-title">附件信息</h3>
									</div>
									<div class="block-content">
										<p>Bordered block..</p>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
				<div class="modal-footer">
					<button class="btn btn-sm btn-default" type="button" data-dismiss="modal">
						<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">取消</font></font>
					</button>
					<button class="btn btn-sm btn-primary" type="button" onclick="insertSysEnums()">
						<i class="fa fa-check"></i><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 确定</font></font>
					</button>
				</div>
			</div>
		</div>
	</div>

	<!--  -->












	<!-- OneUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock, Appear, CountTo, Placeholder, Cookie and App.js -->
	<script src="plugins/v2/js/core/jquery.min.js"></script>
	<script src="plugins/v2/js/core/bootstrap.min.js"></script>
	<script src="plugins/v2/js/core/jquery.slimscroll.min.js"></script>
	<script src="plugins/v2/js/core/jquery.scrollLock.min.js"></script>
	<script src="plugins/v2/js/core/jquery.appear.min.js"></script>
	<script src="plugins/v2/js/core/jquery.countTo.min.js"></script>
	<script src="plugins/v2/js/core/jquery.placeholder.min.js"></script>
	<script src="plugins/v2/js/core/js.cookie.min.js"></script>
	<script src="plugins/v2/js/app.js"></script>
	<script src="plugins/v2/js/pub.js"></script>

	<!-- Page JS Plugins -->
	<script src="plugins/v2/js/plugins/datatables/jquery.dataTables.min.js"></script>
        <script src="plugins/v2/js/plugins/select2/select2.full.min.js"></script>

	<!-- Page JS Code -->
	<script src="admin/v2/js/pages/page-media.js"></script>


	<script type="text/javascript">
        $(function(){
        	 jQuery('.js-select2').select2({
        		 minimumResultsForSearch: -1
        	 });
        	
        })
        
        
        function  openEditModal(id , fdirectory , fileName){
        	
        	
        	console.log(fdirectory);
        	console.log(fileName);
        	
        	var html = "<img alt='' style='vertical-align: middle;width:400px;' src='http://127.0.0.1:8080/FileManage/admin/"+fdirectory+"/"+fileName+"'>";
        	$("#image-file").empty();
        	$("#image-file").append(html);
        	$('#modal-fadein').modal('show');
       	}
        
        
        var sUserAgent = navigator.userAgent.toLowerCase();
        var pc=sUserAgent.match(/windows/i) == "windows";
        if(pc){
            console.log('当前是pc');
        }else{
            console.log('当前是phone');
        }
        </script>
</body>
</html>